<template>
  <div>
    <div class="head">
      <div class="home-name">
        <div class="name-text">
          <i class="iconfont icon-shouye1"></i>
          <label>首页</label>
        </div>
      </div>
    </div>
    <el-scrollbar class="body">
      <div class="body-content">
        <router-view></router-view>
      </div>
    </el-scrollbar>
  </div>
</template>

<script setup lang="ts"></script>

<style scoped>
.head {
  height: 50px;
}
.home-name {
  height: 100%;
  width: 100%;
  display: flex;
}
.name-text {
  width: 200px;
  height: calc(100% - 10px);
  margin-top: 10px;
}
.body {
  height: calc(650px - 50px);
  background-color: #fff;
  border-radius: 4px;
}
.body-content {
  padding: 0.1px 0;
}
.name-text label {
  font-size: 22px;
  margin: 24px 12px 12px 12px;
}
</style>
